<script setup>
const msg = "模板的基本语法"

const html = "<h1>我是一段html代码</h1>"
</script>
<template>
    <!-- 
      -在模板中，可以直接访问到组件中声明的变量
      -出了组件中的变量外，vue也为我们提供了一些全局对象可以访问：
          比如：data，math，regexp...
          除此之外，也可以通过app对象来向vue中添加一些变量
          app.config.globalProperties

      -使用插值（双大括号），只能用表达式
        表达式，就是有返回值的语句
      -插值就是在修改元素的textcontent，
        如果内容中含有标签，标签会被转义显示，不会作为标签生效

      -指令：
          -指令模板中为标签设置特殊属性，他可以用来设置标签如何显示内容
          -指令使用v-开头
            v-text 将表达式的值作为元素的textcontent插入 同{{}}
            v-html 将表达式的值作为元素的innerhtml插入 有xss风险
     -->

    <h1>{{ msg }}</h1>
    <!-- <h2>{{ hello }}</h2> -->
    <h2 v-text="html"></h2>
    <h2 v-html="html"></h2>
</template>